/* AUTO DARK MODE + MANUAL OVERRIDE */
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #121212;
    --card: #1e1e1e;
    --text: #e5e5e5;
    --accent: #0a84ff;
  }
  body { background: var(--bg); color: var(--text); }
  section { background: var(--card); }
  .btn { background: var(--accent); }
  #navbar { background: #1e1e1ee6; }
}

/* manual override classes set by JS */
html.dark body        { background: #121212; color: #e5e5e5; }
html.dark section     { background: #1e1e1e; }
html.dark .btn        { background: #0a84ff; }
html.dark #navbar     { background: #1e1e1ee6; }
html.dark #themeToggle::before { content: '☀️'; }